<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf8">
    <title>Vue渐进使用</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script>
    <script src="https://cdn.tailwindcss.com"></script>
  </head>
  <body>
    <div id="app">
      <div class="text-3xl font-bold underline">{{message}}</div>
      <button v-on:click="greet">Greet</button>
    </div>
  </body>
  <script>
    new Vue({
      el: "#app",
      data: {
        message: "Hello, Vue!",
        count: 1
      },
      methods: {
        greet: function() {
          this.message = "Great! " + this.count++
        }
      }
    })
  </script>
</html>
